import Vue from 'vue'
// 导入SvgIcon组件
import SvgIcon from '@/components/SvgIcon'
// 全局注册svg-icon组件，页面组件就可以使用<svg-icon></svg-icon>组件来进行图标渲染
Vue.component('svg-icon', SvgIcon)

// 把svg目录下的所有的.svg文件都变成 模块化可用的状态
// webpack批量导入的技巧，将svg一次性全导入进来，
const req = require.context('./svg', false, /\.svg$/)
const requireAll = requireContext => {
  requireContext.keys().map(requireContext)
}

requireAll(req)

// 最终实现的效果：在组件中使用：<svg-icon icon-class="svg图表名称"></svg-icon>渲染一个图标
